import React, { Component } from 'react'
// 1. 导入 prop-types
import PropTypes from 'prop-types';

export default class PropsCom extends Component {
  //2. 声明一个静态属性
  static propTypes = {
    //要求外部传入的 age 数据, 必须是一个数值
    age: PropTypes.number,
    name: PropTypes.string.isRequired
  }

  //3. 默认值 默认属性
  static defaultProps = {
    name: '某人'
  }

  render() {
    //解构赋值
    let {name, age, gender} = this.props;
    return (
      <ul>
        <li>姓名:{this.props.name}</li>
        <li>年龄:{this.props.age}</li>
        <li>性别:{this.props.gender}</li>
      </ul>
    )
  }

}
